<template>
	<view class="login-container">
		<button class="login-btn" @click="phoneLogin">一键登录</button>
		<button class="login-btn" @click="wechatLogin ">微信授权</button>
	</view>
</template> 

<script setup>
	import { useglobal } from '@/stores'
	
	import { wechatAuth } from '@/utils/common.js'
	// import { pageAuthorization } from '@/utils/common.js'
	// import { PhoneNumberServer } from '@/utils/aliyun-sdk'; 
	import { PhoneNumberServer } from 'aliyun_numberauthsdk_web'; 
	
	// var phoneNumberServer = new PhoneNumberServer();
	const globalData = useglobal();
	
	const phoneLogin = ()=>{

	
	}
	const wechatLogin = ()=>{
		wechatAuth('pages/login/goMinProgram')
		// pageAuthorization('pages/login/goMinProgram')
		//pageAuthorization('pages/login/getPhone')
		// phoneNumberServer.checkLoginAvailable();
		// phoneNumberServer.getLoginToken();
	
	}
	
	// phoneNumberServer.getLoginToken({
	// 	authPageOption: {
	// 		navText: "测试",
	// 		subtitle: "", // 副标题
	// 		isHideLogo: false, // logo显示隐藏
	// 		logoImg: "XXX",
	// 		btnText: "立即登录",
	// 		agreeSymbol: "、",
	// 		privacyOne: ["《中国移动认证服务条款》", ""],
	// 		privacyTwo: ["《中国移动认证服务条款》", ""],
	// 		showCustomView: true,
	// 		customView: {
	// 			element: '<div class="btn_box other" onclick="clickEvent()">切换其他登录方式</div>',
	// 			style: ".btn_box.other{background: #fff; color: #f00}",
	// 			js: "function clickEvent(){alert(666666)}",
	// 		},
	// 		privacyBefore: "我已阅读并同意",
	// 		privacyEnd: "",
	// 		vendorPrivacyPrefix: "《",
	// 		vendorPrivacySuffix: "》",
	// 		privacyVenderIndex: 2,
	// 		isDialog: true, // 是否是弹窗样式
	// 		manualClose: true, // 是否手动关闭弹窗/授权页
	// 		isPrePageType: false,
	// 		isShowProtocolDesc: false,
	// 	},
	// 	success: (res) => {
	// 		console.log(res);
	// 		if (res.code === 600000) {
	// 			// 拿到spToken去服务端发起Token验证
	// 			phoneNumberServer.closeLoginPage(); // 手动关闭授权页
	// 			res.clearInput(); // 清空输入框并将光标置于第一个输入框
	// 			res.focusOn(2); // 将光标置于第1-4个输入框
		
	// 			res.setMessage({
	// 				// 设置弹出Toast提示框（有默认样式）
	// 				showMessage: true, // 是否弹出Toast提示框
	// 				messageContent: "test content", // 弹出内容
	// 				messageStyle: {
	// 					// 自定义弹窗样式，写入css样式即可
	// 					color: "#fff",
	// 					borderRadius: "8px",
	// 				},
	// 				time: 3000, // 弹出时间/ms，默认3000毫秒
	// 			});
	// 		}
	// 	},
	// });
</script>

<style scoped>
	.login-container {
		padding: 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100vh;
	}

	.logo {
		width: 200rpx;
		height: 200rpx;
		margin-bottom: 40rpx;
	}

	.title {
		font-size: 36rpx;
		color: #333;
		margin-bottom: 80rpx;
	}

	.login-btn {
		background-color: #07C160;
		color: white;
		border-radius: 50rpx;
		width: 80%;
		font-size: 32rpx;
	}

	.user-info {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.avatar {
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		margin-bottom: 20rpx;
	}

	.nickname {
		font-size: 32rpx;
		margin-bottom: 40rpx;
	}

	.logout-btn {
		color: #333;
		font-size: 28rpx;
		margin: 30rpx 0;
	}

	.non-weixin-tip {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.wechat-logo {
		width: 200rpx;
		height: 200rpx;
		margin-bottom: 40rpx;
	}

	.tip-text {
		font-size: 32rpx;
		color: #666;
	}
</style>